<!DOCTYPE html>
<html lang="zh">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>${(game.GName)!''}苹果版-官方代充-购买-发卡发手游服务平台</title>
<meta name="keywords" content="fakafa，fakafa.com，${(game.GName)!''}${(game.PName)!''}手游服务平台，${(game.GName)!''}${(game.PName)!''}官网，${(game.GName)!''}${(game.PName)!''}游戏币，游戏交易平台，网络游戏，游戏币，点卡" />
<meta name="description" content="fakafa是国内最专业的${(game.GName)!''}${(game.PName)!''}手游充值,提供各种${(game.GName)!''}${(game.PName)!''}手游充值，装备交易，账号交易等买卖服务,欢迎来到${(game.GName)!''}${(game.PName)!''}频道！" />
<link rel="stylesheet" type="text/css" href="//static.fakafa.com/css/fakafa.common.css" />
<link rel="stylesheet" type="text/css" href="//static.fakafa.com/css/ibuy.css" />
<link rel="stylesheet" type="text/css" href="//static.fakafa.com/css/release.css" />
<link rel="stylesheet" type="text/css" href="//static.fakafa.com/css/jquery.validator.css" />
<link rel="shortcut icon" href="//static.fakafa.com/css/favicon.ico" />
<script type="text/javascript" src="//static.fakafa.com/js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="//static.fakafa.com/js/jquery.validator.js"></script>
<script type="text/javascript" src="//static.fakafa.com/js/jquery.validator.zh_CN.js"></script>
<style type="text/css">
.txcpdd ul li span {
	width: 90px;
}
#dxk {
	margin-left: 90px;
}
.tips {
	float: left;
	font-size: 12px;
	margin-left: 195px;
	clear: left;
	margin-top: 5px;
	width: 400px;
	overflow: hidden;
	line-height: 18px;
}
</style>
<!--[if lte IE 6]>
<style type="text/css">
body { behavior:url("//static.fakafa.com/css/csshover.htc");}
</style>
<![endif]-->
<script charset="utf-8" lang="zh" language="javascript">
    document.onkeydown=function(event){ 
        e = event ? event :(window.event ? window.event : null); 
        if(e.keyCode==13){ 
            document.getElementById("submitBtn").click();
        } 
    }
      
    function showFinalmoney(){
    	var item = document.getElementById("pid");
    	var par = item.options[item.selectedIndex].id;
    	jQuery("#finalmoney").html(par*jQuery("#quantity").val()*10000/10000+"元");
    }
    
    function getQu() {

    	if(jQuery("#oid").val()!='' && jQuery("#oid").val()!=null){
            
            jQuery.ajax({
                type: "POST",
                url: "/getAreaList.jspx?m=" + Math.random(),
                data: "gid=" + $("#gid").val() + "&oid=" + $("#oid").val(),
                dataType: "json",
                async: false,
                success: function(json){
                        jQuery("#aid").empty();
                        jQuery.each(json, function(i, item) {
                            jQuery("#aid").append("<option value='"+item.id+"' id='"+item.aName+"' >"+item.aName+"</option>");
                        });
                    }
                });
                
                jQuery.ajax({
                    type: "POST",
                    url: "/getParList.jspx?m=" + Math.random(),
                    data: "gid=" + jQuery("#gid").val() + "&tid=1&oid=" + jQuery("#oid").val(),
                    dataType: "json",
                    async: false,
                    success: function(json){
                            jQuery("#pid").empty();
                            jQuery.each(json, function(i, item) {
                                jQuery("#pid").append("<option value='"+item.id+"' id='"+item.price+"' >"+item.face+"元("+item.standard+")</option>");
                            });
                        }
                    });
                var item = document.getElementById("pid");
                var par = item.options[item.selectedIndex].id;
                jQuery("#finalmoney").html(par*jQuery("#quantity").val()*10000/10000+"元");

                jQuery.ajax({
                    type: "POST",
                    url: "/getServerList.jspx?m=" + Math.random(),
                    data: "gid=" + jQuery("#gid").val() + "&oid=" + jQuery("#oid").val() + "&aid=" + jQuery("#aid").val(),
                    dataType: "json",
                    async: false,
                    success: function(json){
                            jQuery("#sid").empty();
                            jQuery.each(json, function(i, item) {
                                jQuery("#sid").append("<option value='"+item.id+"' id='"+item.sName+"' >"+item.num+"服【"+item.sName+"】</option>");
                            });
                        }
                    });
            
    	}else{
            
            jQuery("#pid").empty();
    		jQuery("#pid").append("<option value=''>请选择面值</option>");
    		jQuery("#sid").empty();
    		jQuery("#sid").append("<option value=''>请选择服务器</option>");
    		jQuery("#aid").empty();
    		jQuery("#aid").append("<option value=''>请选择区服</option>");
    		jQuery("#finalmoney").html("0元");         
    	}
	}
    
    function getFu() {
    	
    	jQuery.ajax({
	 		type: "POST",
	 		url: "/getServerList.jspx?m=" + Math.random(),
	 		data: "gid=" + jQuery("#gid").val() + "&oid=" + jQuery("#oid").val() + "&aid=" + jQuery("#aid").val(),
	 		dataType: "json",
	 		async: false,
	 		success: function(json){
					jQuery("#sid").empty();
					jQuery.each(json, function(i, item) {
						jQuery("#sid").append("<option value='"+item.id+"' id='"+item.sName+"' >"+item.num+"服【"+item.sName+"】</option>");
					});
				}
			});
	}
    
    
    jQuery(document).ready(function(){
    	
    	var oid = ${(order.oid)!'null'};
    	var aid = ${(order.aid)!'null'};
    	var sid = ${(order.sid)!'null'};
    	var pid = ${(order.pid)!'null'};
    	
		if(oid!='' && oid!=null){
            
			$("#oid").val(oid);
            jQuery.ajax({
                type: "POST",
                url: "/getAreaList.jspx?m=" + Math.random(),
                data: "gid=" + $("#gid").val() + "&oid=" + $("#oid").val(),
                dataType: "json",
                async: false,
                success: function(json){
                        jQuery("#aid").empty();
                        jQuery.each(json, function(i, item) {
                            jQuery("#aid").append("<option value='"+item.id+"' id='"+item.aName+"' >"+item.aName+"</option>");
                        });
                    }
                });
            
            	$("#aid").val(aid);
            	
                jQuery.ajax({
                    type: "POST",
                    url: "/getParList.jspx?m=" + Math.random(),
                    data: "gid=" + jQuery("#gid").val() + "&tid=1&oid=" + jQuery("#oid").val(),
                    dataType: "json",
                    async: false,
                    success: function(json){
                            jQuery("#pid").empty();
                            jQuery.each(json, function(i, item) {
                                jQuery("#pid").append("<option value='"+item.id+"' id='"+item.price+"' >"+item.face+"元("+item.standard+")</option>");
                            });
                        }
                    });
                
                $("#pid").val(pid);
                var item = document.getElementById("pid");
                var par = item.options[item.selectedIndex].id;
                jQuery("#finalmoney").html(par*jQuery("#quantity").val()*10000/10000+"元");
		              
                jQuery.ajax({
                    type: "POST",
                    url: "/getServerList.jspx?m=" + Math.random(),
                    data: "gid=" + jQuery("#gid").val() + "&oid=" + jQuery("#oid").val() + "&aid=" + jQuery("#aid").val(),
                    dataType: "json",
                    async: false,
                    success: function(json){
                            jQuery("#sid").empty();
                            jQuery.each(json, function(i, item) {
                                jQuery("#sid").append("<option value='"+item.id+"' id='"+item.sName+"' >"+item.num+"服【"+item.sName+"】</option>");
                            });
                        }
                    });
                
                $("#sid").val(sid);
            
    	}else{
            
            jQuery("#pid").empty();
    		jQuery("#pid").append("<option value=''>请选择面值</option>");
    		jQuery("#sid").empty();
    		jQuery("#sid").append("<option value=''>请选择服务器</option>");
    		jQuery("#aid").empty();
    		jQuery("#aid").append("<option value=''>请选择区服</option>");
    		jQuery("#finalmoney").html("0元");         
    	}
    });
</script>
</head>
<body>
<div class="header"><!--头部-->
  <div class="logo"><a href="//www.fakafa.com/apple.html"><img src="//static.fakafa.com/images/logo/logo_column.png" alt="发卡发手游服务平台"/></a></div>
  <div class="logo_wri">手游服务平台</div>
  <div class="Process right">
    <ul>
      <li>
        <p class="gc">1</p>
        <p class="green_2">填写资料</p>
      </li>
      <li>
        <p class="bg">2</p>
        <p class="gray_a">在线付款</p>
      </li>
      <li>
        <p class="bg">3</p>
        <p class="gray_a">确认收货</p>
      </li>
    </ul>
  </div>
</div>
<div class="App_bj">
  <div class="W980 clearfix">
    <div class="App_left">
      <ul>
        <li><img src="//static.fakafa.com/images/icon/200/${(game.id)!'0'}.jpg" width="200" height="200" alt="${(game.GName)!''}苹果版" /></li>
        <li class="pusht"><span class="f22 font_my">${(game.GName)!''}苹果版</span></li>
        <li class="pusht"><span class="gray_a">充值完成后，请打开游戏</span></li>
        <li><span class="gray_a">包裹，查收余额</span></li>
        <li style="text-align: center;">
        	<div class="bdsharebuttonbox" style="text-align: center;"><a href="#" class="bds_more" data-cmd="more"></a><a href="#" class="bds_qzone" data-cmd="qzone" title="分享到QQ空间"></a><a href="#" class="bds_tsina" data-cmd="tsina" title="分享到新浪微博"></a><a href="#" class="bds_weixin" data-cmd="weixin" title="分享到微信"></a><a href="#" class="bds_tieba" data-cmd="tieba" title="分享到百度贴吧"></a><a href="#" class="bds_tqq" data-cmd="tqq" title="分享到腾讯微博"></a><a href="#" class="bds_sqq" data-cmd="sqq" title="分享到QQ好友"></a></div>
			<script>window._bd_share_config={"common":{"bdSnsKey":{"tsina":"2470702678"},"bdText":"","bdMini":"2","bdMiniList":false,"bdPic":"","bdStyle":"1","bdSize":"16"},"share":{}};with(document)0[(getElementsByTagName('head')[0]||body).appendChild(createElement('script')).src='http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion='+~(-new Date()/36e5)];</script>
		</li>
      </ul>
    </div>
    <div class="fill_orders App_left App_right form">
      <form id="goodsForm" method="post" action="/ibuy.jspx" autocomplete="off" data-validator-option="{theme:'yellow_right_effect',stopOnError:true}">
        <input name="gid" id="gid" type="hidden" value="${(game.id)!'0'}"/>
        <ul class="f14">
         <li id="quLi" style="display: block">
            <label>运营版本：<span class="red">*</span></label>
            <select id="oid" name="oid" style="width:200px;" onchange="getQu()" data-rule="运营商: required;">
            	<option value="">请选择运营版本</option>
           		[#if operators?size gt 0]
           			[#list operators as operator]
            			<option value="${(operator.id) ! '0'}">${(operator.OName) ! ''} </option>
            		[/#list] 
            	[/#if]
            </select>
          </li>
          <li id="fuLi" style="display: block">
            <label>区服：<span class="red">*</span></label>
            <select id="aid" name="aid" style="width:200px;" onchange="getFu()"  data-rule="区服: required;">
            	<option value="">请选择游戏区</option>
            </select>
          </li>
          <li id="fuLi" style="display: block">
            <label>服务器：<span class="red">*</span></label>
            <select id="sid" name="sid" style="width:200px;" data-rule="服务器: required;">
            	<option value="">请选择服务器</option>
            </select>
          </li>
          <li>
            <label>选择面值：<span class="red">*</span></label>
            <select id="pid" name="pid" style="width:200px" data-rule="面值: required;" onchange="showFinalmoney();">
            	<option value="">请选择面值</option>
            </select>
		  </li>
          <li>
            <label>购买数量：<span class="red">*</span></label>
            <select id="quantity" name="quantity" onchange="showFinalmoney();">
              <option value="1">1</option>
              <option value="2">2</option>
              <option value="3">3</option>
              <option value="4">4</option>
              <option value="5">5</option>
              <option value="6">6</option>
              <option value="7">7</option>
              <option value="8">8</option>
              <option value="9">9</option>
              <option value="10">10</option>
            </select>
            <span id="counttip" style="font-size:12px;color:#aaa;">充值数量最大为10</span></li>
          <li>
            <label id="accountLb">游戏帐号：<span class="red">*</span></label>
            <input name="account" maxlength="50" id="account" type="text" class="text" placeholder="请输入登录帐号" data-rule="登录帐号: required;" />
            <p class="tips" style="color:#aaa;" title="帐号与密码将加密保存">请输入你在【${(game.GName)!''}苹果版】中的登录账号</p>
		  </li>
          <li>
            <label id="pwdLb">游戏密码：<span class="red">*</span></label>
            <input type="password" name="pswd" maxlength="32" id="pswd" class="text" placeholder="请输入登录密码" data-rule="登录密码: required;" />
            <p class="tips" style="color:#aaa;" title="为了您帐号安全请使用一次性密码或者充值完成后立即修改">请输入你在【${(game.GName)!''}苹果版】中的登录密码</p>
		  </li>
          <li>
            <label>重复密码：<span class="red">*</span></label>
            <input name="rpswd" type="password" id="rpswd" placeholder="请确认密码" maxlength="32" class="text" data-rule="确认密码: required;match(pswd);" />
            <p class="tips" style="color:#aaa;" title="为了您帐号安全请使用一次性密码或者充值完成后立即修改">请使用一次性密码或者充值后立即修改</p>
		  </li>
		  <li>
            <label>角色名称：<span class="red">*</span></label>
            <input name="juese" type="text" id="juese" placeholder="请输入角色名称" maxlength="50" class="text" data-rule="角色名称: required;" />
            <p class="tips" style="color:#aaa;">请输入你在【${(game.GName)!''}苹果版】中的角色名称</p>
		  </li>
		  <li><label>手机号码：<span class="red">*</span></label>
            <input id="mobile" name="mobile" type="text" value="${(user.mobile)!''}" class="text" maxlength="11" placeholder="请填写手机号码便于联系您" data-rule="手机号码: required;mobile;"/>
          </li>
          <li>
            <label>QQ号码：<span class="red">*</span></label>
            <input id="qq" name="qq" type="text" class="text" value="${(user.qq)!''}" maxlength="11" placeholder="请填写QQ号码便于联系您" data-rule="QQ号码: required;qq;length[5~11];"/>
		  </li>
          <li>
            <label>价格：&nbsp;</label>
            <strong class="orange" id="finalmoney">0元</strong></li>
          <li id="submitLi" class="label"><input type="submit" id="submitBtn" name="submitBtn" class="btn btn-orange2" value="确认订单" /></li>
        </ul>
      </form>
    </div>
    <p class="tcenter gray_6 clearfix"><b class="blue">为什么需要游戏登录信息?</b> &nbsp;充值系统将根据您填写的游戏登录信息，自动登录到您的游戏内进行充值。任何时间，fakafa客服不会主动向您索要游戏登录密码。 </p>
  </div>
</div>
<div class="clear"></div>
<div class="clear"></div>
[#include "../common/foot.html"/]
</body>
</html>